<!DOCTYPE html>
<html lang="en" class="no-js">
    <head>
        <meta charset="utf-8">
        <title>注册</title>
        <meta name="keywords" content="网站模板,手机网站模板,手机登录页面,登录页面HTML,免费网站模板下载" />
        <meta name="description" content="JS代码网提供高质量手机网站模板下载" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <link rel="stylesheet" href="assets/css/reset.css">
        <link rel="stylesheet" href="assets/css/supersized.css">
        <link rel="stylesheet" href="assets/css/style.css">

    </head>

    <body>

        <div class="page-container">
            <h1>注册</h1>
            <form action="/home/login/doregister.php" method="post" enctype="multipart/form-data">
                <input type="text" name="nicname" placeholder="昵称">
                <input type="text" name="uname"  placeholder="用户名"><h5 style="color:red" id="void"></h5>
                <input type="password" name="pwd" placeholder="密码"><h5 style="color:red" id="void1"></h5>
                <input type="text" name="email" placeholder="邮箱"><h5 style="color:red" id="void2"></h5>
                <input type="text" name="sex" placeholder="性别">
                <input type="file" name="pic" style="height:30px">
                <button type="submit">提交</button>
                <div class="error"><span>+</span></div>
            </form>
        </div>
        
        <script src="assets/js/jquery-1.8.2.min.js"></script>
        <script src="assets/js/supersized.3.2.7.min.js"></script>
        <script src="assets/js/supersized-init.js"></script>
        <script src="assets/js/scripts.js"></script>
        <script>
            $('input').blur(function(){
                var n = $(this).attr('name');
                var v = $(this).attr('value');
                $.post('/admin/user/preg.php',{n:n,v:v},
                    function(data){
                        switch(n){
                            case 'uname':
                                $('#void').empty().append(data);
                                break;
                            case 'pwd':
                                $('#void1').empty().append(data);
                                break;
                            case 'email':
                                $('#void2').empty().append(data);
                                break;
                        };
                    });
            })
        </script>
    </body>

</html>